<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>智研测略—AI预测与备考规划系统</title>
  <!-- CSS文件已通过JavaScript导入 -->
</head>

<body>
  <!-- 主界面 -->
  <div class="container">
    <h1>报考竞争能力评估</h1>

    <div class="main-content">
      <!-- 输出栏 -->
      <div class="output-section">
        <div class="result-section">
          <div class="prediction-result">
            <h3>预测结果</h3>
            <div id="prediction-details" class="details-box"><span style="color:#666;">请先在主页输入个人信息...</span></div>
          </div>
          <div class="recommendation">
            <h3>备考建议</h3>
            <div id="improvement-suggestion" class="suggestion-box"></div>
            <div id="school-recommendation" class="recommendation-box"></div>
          </div>
        </div>
      </div>
    </div> <!-- .main-content 结束 -->
    <!-- <div style="display: flex; justify-content: center; margin: 2rem 0;">
      <button id="saveStudentsBtn"
        style="min-width: 250px; white-space: nowrap; padding: 0.8rem 1.5rem; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: bold;">保存历年参考学生信息</button>
    </div> -->
    <div class="bottom-buttons-container">
      <a href="/main.html">返回主页</a>
      <a href="/func1.html">往届生源轨迹匹配</a>
      <a href="/func2.html">目标院校深度洞察</a>
    </div>
  </div>
</body>

</html>